<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title> - 亲友圈管理</title>
	    <meta name="keywords" content="">
	    <meta name="description" content="">
	    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
	    <link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	    <link href="css/animate.css" rel="stylesheet">
	    <link href="css/style.css?v=4.1.0" rel="stylesheet">
	    <link href="css/new_file.css" rel="stylesheet">
	</head>
	<body class="gray-bg">
		<div class="wrapper wrapper-content  animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox ">
						<div class="ibox-title">
							<h5>历史公告</h5>
						</div>
						<div class="toogl_body">
	                    	<a href="Club.html"><button type="button" class="btn btn-w-m btn-info btn-bt">亲友圈管理</button></a>
							<div class="ibox-content ibox-jqGrid">
								<div class="form-group"><br/>
	                                <label class="col-sm-2 control-dy">查询时间：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入查询时间段" class="form-control form-time-bk" id="time1"> 
	                                </div>
	                                <label class="col-sm-2 control-dy">操作类型：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <select class="form-control form-consele">
										   <option value="0">群发</option>
										   <option value="1">UID</option>
										   <option value="2">亲友圈</option>
										</select>
	                                </div>
	                                <button type="button" class="btn btn-w-m btn-info">查询</button>
	                            </div>
		                        <div class="jqGrid_wrapper">
		                            <table id="table_list_1"></table>
		                            <div id="pager_list_1"></div>
		                        </div>
		                    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	    <script src="js/jquery.min.js?v=2.1.4"></script>
	    <script src="js/bootstrap.min.js?v=3.3.6"></script>
	    <script src="js/plugins/peity/jquery.peity.min.js"></script>
	    <script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
	    <script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
	    <script src="js/content.js?v=1.0.0"></script>
    	<script src="js/plugins/laydate/laydate.js"></script>
		<script>
        $(document).ready(function () {

            $.jgrid.defaults.styleUI = 'Bootstrap';
            // Examle data for jqGrid
            var mydata = [
                {
                    id: "1",
                    invdate: "2010-05-24",
                    name: "test",
                    note: "note",
                    tax: "10.00",
                    total: "2111.00"
                }
            ];

            $("#table_list_1").jqGrid({
                data: mydata,
                datatype: "local",
                height: 450,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['日期时间', '操作人', '操作对象昵称 ID', '操作类型', '操作详情', '操作前状态', '原因'],
                colModel: [
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    }
                ],
                pager: "#pager_list_1",
                viewrecords: true,
                caption: "标题公告历史记录",
                hidegrid: false
            });
            $("#fj").hide();
            $(function(){
            	$("#fj").click(function(){
            		$("#fj").hide();
            		$("#jj").show();
            		alert("封禁成功");
            	});
            	$("#jj").click(function(){
            		$("#jj").hide();
            		$("#fj").show();
            		alert("解禁成功");
            	});
            });
			
            $("#table_list_2").jqGrid({
                data: mydata,
                datatype: "local",
                height: 450,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['ID', '标题', '排序', '发布时间', '内容', '状态', '修改', '下架'],
                colModel: [
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="解禁" id="" data-toggle="modal" data-target="#myModal" class="btn btn-info"/><input type="button" value="解禁" id="" data-toggle="modal" data-target="#myModal" class="btn btn-info"/>';
						},
                        align:'center'
					},
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="修改" id="" data-toggle="modal" data-target="#myModal" class="btn btn-info"/>';
						},
                        align:'center'
					},
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="下架" id="" data-toggle="myModal2" data-target="#myModal3" class="btn btn-info"/>';
						},
                        align:'center'
					}
                ],
                pager: "#pager_list_2",
                viewrecords: true,
                caption: "玩家管理历史记录",
                add: true,
                edit: true,
                addtext: 'Add',
                edittext: 'Edit',
                hidegrid: false
            });
            $(window).bind('resize', function () {
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_1').setGridWidth(width);
                $('#table_list_2').setGridWidth(width);
            });
            
		    laydate.render({
		      elem: '#time1'
		      ,range: true
		    });
		    laydate.render({
		      elem: '#time2'
		      ,range: true
		    });
        });
    </script>


	</body>

</html>